<template>
  <div class="component-name">
    孙组件
    <li>{{$route.query.id}}</li> <!--接收query参数-->
    <li>{{$route.params.title}}</li> <!--接收params参数-->
    props传递:{{ id }}
  </div>
</template>

<script>
export default {
  name: 'component-name',
  components: { //注册组件
    
  },
  props: ['id', 'title'],
  data() {
    return { //数据
      
    }
  },
  computed: { //计算属性
    
  },
  watch: { //监听器
    
  },
  methods: { //方法
    
  },
  mounted() { //挂载完成(生命周期,钩子函数)
    
  },
  beforeDestroy() { //将要销毁(生命周期,钩子函数)
    
  }
}
</script>

<style lang="less" scoped>
  .component-name {
     
  }
</style>